<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>Formatting text fields</title>
<link rel="stylesheet" href="userhelp_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='userhelp.css'>");}
//-->
</script>
<style type="text/css">
<!--
ul.whs1 { list-style:disc; }
img_whs2 { border:none; width:339px; height:215px; float:none; border-style:none; }
ol.whs3 { list-style:decimal; }
ol.whs4 { list-style:lower-alpha; }
img_whs5 { border:none; width:223px; height:58px; float:none; border-style:none; }
-->
</style><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Creating and modifying documents and dashboards\nCreating and formatting a document\nFormatting documents\nFormatting text fields");
addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1>Formatting text fields </h1>
<p>Text fields in a document can contain static text, data fields, auto 
 text codes, or combinations of these text types. When you add a new text 
 field, its formatting is determined by the control defaults, but you can 
 change any of the formatting options. The following list provides some 
 useful formatting suggestions:</p>
<ul type="disc" class="whs1">
	
<li class=p><p>Make the text field appear three-dimensional, like a 
 button, with the 3D effect. For steps, see 
<a href="Apply_3D_effects.htm">Applying 
 3D effects to controls</a>.</p></li>
	
<li class=p><p>Let the content behind the text field show through by 
 setting the backstyle to transparent. For steps, see 
<a href="Transparent_controls.htm">Applying 
 a transparent background to controls</a>.</p></li>
	
<li class=p><p>&quot;Float&quot; the text field above the background 
 by using a drop shadow. For steps, see 
<a href="Drop_shadows.htm">Applying 
 drop shadows</a>.</p></li>
	
<li class=p><p>Create a gradual color change by blending two colors 
 using gradient colors. For steps, see 
<a href="Gradients.htm">Applying 
 gradient colors</a>.</p></li>
	
<li class=p><p>Display pop-up text (a tooltip) when a user positions 
 the cursor over the control. The tooltip can provide extra information, 
 such as an expanded description of a metric. For steps, see 
<a href="Tooltips.htm">Creating 
 pop-up tooltips</a>.</p></li>
	
<li class=p><p>Set Number formatting options such as decimal spaces, 
 currency symbols, time formats, zip code formats, and so on. For steps, 
 see 
<a href="#Number formatting">Number formatting</a>. </p></li>
	
<li class=p><p>Display information to other document designers in Design 
 Mode while hiding it from users viewing the document in Interactive or 
 View Mode. To do this, you hide the control that contains the information 
 by using the Visible property. For instance, you could include a note 
 in a text field about the source of data. For steps, see 
<a href="Hide_control.htm">Hiding 
 a control</a>.</p></li>
	
<li class=p><p>Change Text layout options such as word wrap and padding, 
 control how the text is displayed within the borders of the text field. 
 For steps, see 
<a href="#vertical text and padding">Vertical text and 
 padding</a></p></li>
	
<li class=p><p>Display a scroll bar if the text does not fit in within 
 the size of the text field. For example, if the height of a text field 
 is fixed, the text field does not expand to fit the contents. In View 
 Mode and Interactive Mode in MicroStrategy Web, and when the document 
 is exported to HTML, a user can scroll through all of the text if scroll 
 bars are displayed. The alternative is that only the text that can fit 
 within the size of the text field is displayed.</p></li>
	
<li class=p><p>Format the font of the text in the text field, including 
 style, size, and color. When you add a new text field, its formatting 
 is determined by the 
<a HREF="Control_defaults.htm">control defaults</a>. 
 However, you can change the formatting and appearance.</p></li>
</ul>
<p>&nbsp;</p>
<h2>
<a name="Number formatting">Number formatting</a></h2>
<p>Number formatting options include decimal spaces, currency symbols, 
 time formats, percentage formats and so on. For example, the text fields 
 in the following document sample have different number formats applied 
 to them. The one on the left is a date in the MM/DD/YYYY format, while 
 the one in the middle, another date, is in the Month Date, Year format. 
 The text field on the right is a number formatted as currency, with no 
 decimal.</p>
<p><img src="images/number_formatting.gif" x-maintain-ratio="TRUE" width="339px" height="215px" border="0" class="img_whs2"></p>
<h3>Prerequisite </h3>
<ul type="disc" class="whs1">
	
<li class=h3><h3><span style="font-weight: normal;">PDF View must be 
 enabled.</span></h3></li>
</ul>
<h2>To set number formatting for a text field</h2>
<ol type="1" class="whs3">
	
<li class=p><p>Open a document in <span style="font-weight: bold;"><B>Design</B></span> 
 or <span style="font-weight: bold;"><B>Editable Mode</B></span>. Use a document 
 with a dataset that contains dates and numbers.</p></li>
	
<li class=p><p>Add two date data fields and a numeric data field, as 
 shown in the image above.</p></li>
	<ol type="a" class="whs4">
		
<li class=p><p>Click the <span style="font-weight: bold;"><B>Insert 
 </B></span>tab and then click <span style="font-weight: bold;"><B>Text</B></span>. 
 </p></li>
		
<li class=p><p><span>Add the text field to any section in the document. 
 </span></p></li>
	</ol>
	
<li class=p><p>Right click in the text field, and then click <span 
 style="font-weight: bold;"><B>Properties and Formatting</B></span><span>. The 
 Properties and Formatting dialog box opens. </span></p></li>
	
<li class=p><p>In the <span style="font-weight: bold;"><B>Format </B></span><span>section, 
 select </span><span style="font-weight: bold;"><B>Number</B></span><span>. </span></p></li>
	
<li class=p><p>Select 04/07/1998 in the <span style="font-weight: bold;"><B>Type</B></span> 
 list.</p></li>
	
<li class=p><p>Click <span style="font-weight: bold;"><B>OK</B></span> to 
 return to the document.</p></li>
	
<li class=p><p>Select the middle text field.</p></li>
	
<li class=p><p>Repeat steps 4-6 above, except this time, select April 
 4, 1998 from the <span style="font-weight: bold;"><B>Type</B></span> list.</p></li>
	
<li class=p><p>Select the text field on the right. </p></li>
	
<li class=p><p>Select <span style="font-weight: bold;"><B>Number </B></span>from 
 the <span style="font-weight: bold;"><B>Format </B></span>section of the <span 
 style="font-weight: bold;"><B>Properties and Formatting</B></span> dialog box. 
 </p></li>
	
<li class=p><p>Select <span style="font-weight: bold;"><B>Currency</B></span> 
 from the <span style="font-weight: bold;"><B>Number </B></span>list.</p></li>
	
<li class=p><p>Type 0 (zero) in the <span style="font-weight: bold;"><B>Decimal 
 places</B></span> field.</p></li>
	
<li class=p><p>Type <span style="font-weight: bold;"><B>$</B></span> in the 
 <span style="font-weight: bold;"><B>Currency symbol</B></span> field.</p></li>
	
<li class=p><p>Select the appropriate option from the <span style="font-weight: bold;"><B>Currency 
 position</B></span> drop-down list.</p></li>
	
<li class=p><p>Click <span style="font-weight: bold;"><B>OK</B></span> to 
 return to the document.</p></li>
	
<li class=p><p>To view the results, from the <span style="font-weight: bold;"><B>Home</B></span> 
 menu select <span style="font-weight: bold;"><B>Export</B></span> and then <span 
 style="font-weight: bold;"><B>PDF</B></span>. </p></li>
</ol>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2>
<a name="vertical text and padding">Vertical text and padding</a></h2>
<p>Padding defines the space between the text and the borders of the text 
 field (left, right, top, and bottom). </p>
<p>For example, the Top padding property defines the space between the 
 text and the top border of the text field. For the horizontal text field 
 shown below, it is set to 10. All other padding values remain at the default 
 of one. The height mode is set to fixed, so that the text field does not 
 expand to fit the contents. Copy the text field and set Text direction 
 to 90 Degrees to display the text field vertically. Update the text to 
 reflect its new position. As shown in the image below, Top padding still 
 defines the space between the text and the top border of the text field. 
 </p>
<p><img src="images/vertical_text_padding.gif" x-maintain-ratio="TRUE" width="223px" height="58px" border="0" class="img_whs5"></p>
<h2>To pad text</h2>
<ol type="1" class="whs3">
	
<li class=p><p>Open the document in <span style="font-weight: bold;"><B>Design 
 </B></span>or <span style="font-weight: bold;"><B>Editable Mode</B></span>. </p></li>
	
<li class=p><p>Create a text field.</p></li>
	<ol type="a" class="whs4">
		
<li class=p><p>From the <span style="font-weight: bold;"><B>Insert 
 </B></span>menu, select <span style="font-weight: bold;"><B>Text</B></span>. </p></li>
		
<li class=p><p>Add the text field to any section of the document.</p></li>
	</ol>
	
<li class=p><p>Right-click in the text field and then select <span 
 style="font-weight: bold;"><B>Properties and Formatting</B></span>. The Properties 
 and Formatting dialog box opens. </p></li>
	
<li class=p><p>From the <span style="font-weight: bold;"><B>Format</B></span> 
 category select <span style="font-weight: bold;"><B>Alignment</B></span>. </p></li>
	
<li class=p><p>In the <span style="font-weight: bold;"><B>Padding</B></span> 
 section type a measurement value in the <span style="font-weight: bold;"><B>Left</B></span>, 
 <span style="font-weight: bold;"><B>Top</B></span>, <span style="font-weight: bold;"><B>Right</B></span>, 
 and <span style="font-weight: bold;"><B>Bottom </B></span>fields. </p></li>
	
<li class=p><p><span>Click </span><span style="font-weight: bold;"><B>OK</B></span><span> 
 to return to the document. </span></p></li>
</ol>
<h3>Related topics</h3>
<ul type="disc" class="whs1">
	
<li class=p><p>
<a HREF="Add_text_data_to_documents.htm">Adding text 
 and data to documents</a></p></li>
	
<li class=p><p>
<a HREF="Editing_text_fields.htm">Editing a text field</a></p></li>
</ul>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
